import React, { Component } from 'react';
import {Button} from 'antd';

import {
} from '@ant-design/icons';


// import '../pages/webExcel.css'
import '../base/base.css'

const d=[
    {id:1,
    name:"c1",

    },
    {id:2,
        name:"c2",},
    {id:3,
        name:"c3"}


];


const colNo=30;
export default class TestDiv extends Component {
    constructor(props) {
        super(props)
        this.state = {

        }
    }

    getCoordinateY=(arr)=>{
        let _tabbody=[];

        for (var i=0; i<colNo; i++){
            _tabbody.push(<div className="border_cell" style={{ width: 100 }} >{i+1000}</div>)
        }
        return _tabbody;
    }

    getData=()=>{
        let _tabData=[];

        for (var i=0; i<10; i++){
            _tabData.push(<div className="divTableRow"  >{this.getRow()}</div>)
        }
        return _tabData;
    }


    getRow(){
        let _tabData=[];

        for (var i=0; i<colNo; i++){
            _tabData.push(<div className="border_cell"  style={{ width: 100,height:40 }}></div>)
        }
        return _tabData;


    }




    render() {


        return (
            <>
                <div className="main" >
                    <div className="tableDiv">
                        <div className="tabOutline">

                             {/*<div  className="divTableHead">*/}
                                 {/*{this.getCoordinateY(d)}*/}
                            {/*</div>*/}
                            {this.getData()}
                        </div>

                    </div>


                </div>




            </>
        )




    }



}
